<template>
  <el-menu mode="horizontal" :default-active="actived">
    <el-menu-item index="home">
      <router-link to="/">主页</router-link>
    </el-menu-item>
    <el-menu-item index="login">
      <router-link to="/login">登录</router-link>
    </el-menu-item>
    <el-menu-item index="welcome1">
      <router-link to="/welcome?message=hello">欢迎</router-link>
    </el-menu-item>
    <el-menu-item index="welcome2">
      <router-link to="/welcome?message=welcome">欢迎</router-link>
    </el-menu-item>
    <el-menu-item index="logout">
      <router-link to="/logout">退出</router-link>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: 'HeaderView',
  data(){
    return {
      actived: 'home'
    }
  }
}
</script>

<style>

</style>